// // banner部分

    .carousel{
        width: 1349px;
        height: 480px;
         margin: 0;
         position: relative;
     }
    .carousel ul{
        margin: 0;
        padding: 0;
        position: relative;
        width: 1349px;
        height: 480px;        
    }
    .carousel ul li{
        width: 1349px;
        height: 480px;
        list-style: none;
        float: left;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }
    .carousel ul li img{
        width: 1349px;
        height: 480px;
    }
    #item1{
        z-index: 3;
    }
    #item2{
        z-index: 2;
    }
    #item3{
       z-index: 1;
    }
    /*向左向右的按钮*/
    .left,.right{
        position: absolute;
        top: 200px;
        z-index: 10;
        width: 30px;
        height: 30px;
        border: none;
        background: #000;
        color: #fff;
        text-align: center;
        padding: 0;
        opacity: 0.1;
        cursor: pointer;
    }
    .left{
        left: 0;
    }
    .right{
        right: 0;
    }
    .left:hover,.right:hover{
       opacity:1;
    }
    /*圆点*/
    .dot{
        width: 1349px;
        bottom: 0;
        height: 30px;
        position: absolute;
        text-align: center;
        z-index: 10;
    }
    .dot span{
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 50px;
        background: #fff;
        margin: 0 15px 0 0 ;
        cursor: pointer;
       
    }
    .dot .active{
        background: #000 !important;
    }
